Before

<!doctype html>
<html lang="ar" dir="rtl">
	<meta charset="utf-8">
		<title>LG-008 — BEFORE</title>
		<body>
			<span class="amount">‏ر.س 1,299.00</span>
			<br/>
		</body>
	</html>


After

<!doctype html>
<html lang="ar" dir="rtl">
	<meta charset="utf-8">
		<title>LG-008 — AFTER</title>
		<body>
			<span class="amount" dir="rtl">
				<span class="value">1,299.00</span>&nbsp;<bdi>‏ر.س</bdi>
			</span>
			<style>
			  .amount { white-space: nowrap; }
			  .amount .value {
				font-variant-numeric: tabular-nums;
				display: inline-block;
				text-align: end;
				min-width: 6ch;
			  }
			</style>
			<script>
			(function () {
			  const map = {'0':'٠','1':'١','2':'٢','3':'٣','4':'٤','5':'٥','6':'٦','7':'٧','8':'٨','9':'٩'};
			  document.querySelectorAll('.amount .value').forEach(el => {
				let s = el.textContent.trim();
				s = s.replace(/,/g, '٬')       // thousands sep
					 .replace(/\./g, '٫')      // decimal sep
					 .replace(/[0-9]/g, d => map[d]); // digits → Arabic-Indic
				el.textContent = s;
			  });
			})();
			</script>
	</body>
</html>

Notes:
Severity: P2
Rule: SG §2 Numerals, Currency & Alignment
Fix: Isolate currency code in <bdi>; tabular figures; consistent separators, numbers per Gulf/Levant locales.
Verify: Values align at visual end; no overlap; separators per locale.
